CSS动画简明参考手册

过渡相关属性

• transition-property
  • 属性名称|all（默认）|none
• transition-duration
  • 时间(默认0)
• transition-timing-function
  • ease(默认)|linear|ease-in|ease-in-out|step-start|step-end|steps|cubic-bezier(#,#,#,#)
• transition-delay
  • 时间(默认0)

变换属性

• transform
  • 变换函数(s)|none(默认)
    • rotate, rotateX, rotateY, rotate3d, totateZ
    • scale, scaleX, scaleY, scale3d, scaleZ
    • translate, translateX, translateY, translate3d, translateZ
    • skew, skewX, skewY
• transform-origin
  • 百分比|长度|left|center|right|top|bottom
  • 默认 50% 50%

关键帧动画

@keyframes animation-name{ 
	keyframe {property:value}
	keyframe {property:value}
}

• animation-name
• animation-duration
• animation-timing-function
• animation-delay
• animation-iteration-count
• animation-direction
• animation-play-state
• animation-fill-mode
• backface-visibility
• perspective
• perspective-origin

最后更新： 2022年03月02日 03:32

原始链接： http://rawbin-.github.io/language/css/2018-01-06-css-animation-ref/

小淼焱

赏

× 赞赏这个人~